<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/地址填写.css"/>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
	</head>
	<body>
		<div id="header">
			<div class="d1">
			<img src="img/logo.jpg" >
			<div class="d2">
			    <div class="iconfont icon-weizhi"><a href="">武汉市</a></div>
				<button type="button">切换城市</button>
			</div>
			<div class="d4">
				<ul>
					<li><a href="首页.html">全部</a></li>
					<li><a href="蛋糕列表.html">蛋糕</a></li>
					<li><a href="">下午茶</a></li>
					<li><a href="">手信</a></li>
					<li><a href="">团购预约</a></li>
					<li><a href="">关于我们</a></li>
				</ul>
			</div>
			<div class="d5">
				<div style="text-align: center; color: deeppink;" class="iconfont icon-anquan"></div>
				<div style="text-align: center;" class="iconfont icon-sousuo1"></div>
				<div style="text-align: center;" class="iconfont icon-goumaijilu"></div>
				<div style="text-align: center;" class="iconfont icon-yonghu1"></div>
				<div style="text-align: center;" class=""><a href="联系我们.html">联系我们</a></div>
			</div>
			</div>
		</div>
		<h3>收货人信息</h3>
		<form id="f1" action="" method="post">
			收货人<input type="text" id="name" value="" onblur="huoqu()" placeholder="请输入收货人姓名"/><br>
			手机号码<input type="text"  id="tel" value="" onblur="huoqu()" placeholder="请输入收货人手机号码"/><br>
			所在地区<select name="">
				        <option value="">--请选择--</option>
						<option value="">河南省</option>
					    <option value="">湖北省</option>
					    <option value="">海南省</option>
			        </select>
					<select name="">
						<option value="">郑州市</option>
						<option value="">武汉市</option>
						<option value="">哈哈市</option>
					</select>
					<select name="">
						<option value="">金水区</option>
						<option value="">腾翔区</option>
						<option value="">涯天区</option>
					</select><br>
					详细地址<input type="" name="" id="dizhi" onblur="huoqu()" value="" placeholder="河南省郑州市金水区 请输入收货人详细地址"/>
		</form>
		<hr >
		<h3>订购人信息</h3>
		<form id="f2" action="" method="post">
			订购人姓名<input type="text" value="" placeholder="请输入订购人姓名"/><br>
			订购人手机<input type="text" name="" id="" value="" placeholder="请输入订购人手机号码"/>
		</form>
		<hr >
		<h3>送达日期</h3>
		<form id="f3" action="" method="post">
			订购人姓名<input type="text" value="" placeholder="请输入送达日期"/><br>
		</form>
		<hr >
		<h3>贺卡留言</h3>
		<form id="f4" action="" method="post">
	     <textarea rows="" cols=""
		 maxlength="170px" placeholder="贺卡留言:最多30个字，生日牌:最多8个字，请在“贺卡留言”中注明"></textarea>
		</form>
		<hr >
		<h3>核对购物清单</h3>
		<div id="d5">
			<div class="d6">
				<div class="d7"><img src="img/logo.jpg" ></div>
				<div class="d8"><a href="">提拉米苏(约2磅)</a></div>
				<div class="d9"><a href="">198</a>    <a href="">x1</a></div>
			</div>
		</div>
		<hr >
		<div id="dt1">
			<div class="dt2">
				<p>配送至</p>
				<p id="xinxi">张三  15919173982</p>
				<p>共<a href="">1</a>件商品，总金额：<a href="">198</a></p>
				<p>应付：<a href="">198</a> <button type="button">提交订单</button></p>
			</div>
		</div>
		<footer id="footer1">
			<div class="ft">
			<div class="f1">
				<ul>
					<li><a href="">品牌动态</a><span>|</span></li>
					<li><a href="">生产经营资质</a><span>|</span></li>
					<li><a href="">企业合作</a><span>|</span></li>
					<li><a href="">发票申请</a><span>|</span></li>
					<li><a href="">平台规则</a><span>|</span></li>
					<li><a href="">帮助服务</a><span>|</span></li>
					<li><a href="">联系我们</a></li>
				</ul>
			</div>	
			<div class="f2">
				<ul>
					<li><a href="">📞400-999-6665</a></li>
					<li><a href="">WEIBO</a></li>
					<li><a href="">WECHAT</a></li>
					<li><a href="">京东上层</a></li>
				</ul>
			</div>
			<div class="f3">
				<ul>
					<li><a href="">深圳市幸福商城科技股份有限公司</a></li>
					<li><a href="">粤ICP备16039394号-6</a></li>
					<li><a href="">京公网安备44030702002399</a></li>
					<li><a href="">公司地址:&nbsp;深圳市龙岗区坂田街道布龙339鸿生源工业园A座5楼</a></li>
				</ul>
			</div>
			</div>
		</footer>
		<script type="text/javascript">
			function huoqu () {
				//获取姓名
				var name = document.getElementById('name').value;
				// 获取电话
				var tel = document.getElementById('tel').value;
				
				//获取地址
				var dizhi = document.getElementById('dizhi').value;
				// 添加到收货信息
				document.getElementById('xinxi').innerHTML = name+ tel +dizhi;
				
			}
		</script>
	</body>
</html>
